<template>
        <div>
        <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
				<li class="mui-table-view-cell" v-for="item in phoneList" :key="item.phone">
					<div class="mui-slider-cell">
						<div class="oa-contact-cell mui-table">
							<div class="oa-contact-avatar mui-table-cell">
								 <img :src="item.img" />
							</div>
							<div class="oa-contact-content mui-table-cell">
								<div class="mui-clearfix">
									<h4 class="oa-contact-name">{{item.name}}</h4>
									<span class="oa-contact-position mui-h6">{{item.type}}</span>
								</div>
								<p class="oa-contact-email mui-h6">
									{{item.phone}}
								</p>
							</div>
						</div>
					</div>
				</li>
			</ul>
    </div>
</template>
<script>
//import '../../lib/mui/js/mui.min.js'
export default {
    data(){
        return{
            phoneList : []
        }
    },
    created(){
        this.getPhoneList();
    },
    methods :{
        getPhoneList(){
            this.phoneList = [
                { phone : '13688866699', name: '叶文洁', type:'董事长', img:'../../images/phone/boy.png'},
                { phone : '18726549876', name: '艾AA', type:'总经理', img:'../../images/phone/girl.png'},
                { phone : '15869532547', name: '范闲', type:'员工', img:'../../images/phone/boy.png'},
                { phone : '13245695264', name: '陈萍萍', type:'部门副经理', img:'../../images/phone/boy.png'},
                { phone : '15215251293', name: '战豆豆', type:'员工', img:'../../images/phone/girl.png'},
                { phone : '18723465897', name: '范建', type:'部门经理', img:'../../images/phone/boy.png'},
                { phone : '18710410401', name: '司理理', type:'员工', img:'../../images/phone/girl.png'},
                { phone : '15856542354', name: '马昊文', type:'员工', img:'../../images/phone/boy.png'},
                { phone : '18883362770', name: '言冰云', type:'员工', img:'../../images/phone/boy.png'},
                { phone : '18223177551', name: '言若海', type:'员工', img:'../../images/phone/boy.png'},
                { phone : '15956235458', name: '刘星', type:'员工', img:'../../images/phone/boy.png'},
                { phone : '18883362854', name: '夏雨', type:'员工', img:'../../images/phone/boy.png'},
            ]
        }
    }
}
</script>
<style scoped>

</style>